.content {
	/*width: 80%;
	height: 500px;
	margin: 30px 0px 0px 10%;
	border:2px solid #f5f5f5; */
}

.content-left {
	width: 40%;
	/* height:400px; */
	/* border:2px solid #f5f5f5; */
	float: left;
}

.content-right {
	width: 55%;
	/* height:400px; */
	border: 2px solid #f5f5f5;
	float: right;
}

.content-right img {
	width: 100%;
}

.content-left h3 {
	margin-bottom: 20px;
}

.content-left span {
	margin-left: 20px;
}

.author-recommend {
	width: 80%;
	margin: 10px 0px 0px 10%;
	height: 300px;
	border: 2px solid #f5f5f5;
}

.author {
	width: 23%;
	height: 200px;
	border: 2px solid #f5f5f5;
	display: inline-block;
	margin: 10px 5px 0px 10px;
}

.opus-display {
	width: 80%;
	margin: 10px 0px 0px 10%;
	height: 300px;
	border: 2px solid #f5f5f5;
}

.opus {
	width: 23%;
	height: 200px;
	border: 2px solid #f5f5f5;
	display: inline-block;
	margin: 10px 5px 0px 10px;
}

/* 筛选列表 */
.recommend{
	width: 80%;
	margin: 30px 0px 0px 10%;
	border: 2px solid #f5f5f5;
}
.opus-box {
	width: 23%;
	height: 300px;
	display: inline-block;
	border: 2px solid #f5f5f5;
	margin: 10px 5px 0px 10px;
}

.opus-box img {
	width: 90%;
	height: 200px;
	margin: 10px 0px 0px 5%;
	border: 2px solid #f5f5f5;
}

.opus-box p {
	margin-left: 12px;
}

/* 筛选 */
dl, dd {
	margin: 0;
}

#box {
	width: 90%;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 10px rgba(73, 66, 66, .1);
	margin: 50px auto;
	border: 1px solid #E5E5E5;
}

#box dl {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px dashed #dadada;
	margin: 0 20px;
}

#box dt {
	float: left;
	color: #8a8a8a;
	margin-top:10px; 
}

#box dd {
	float: left;
	color: #252525;
	margin: 0 10px;
	font-size: 14px;
	cursor: pointer;
}

#box dd.active {
	color: #c4284d;
	font-weight: bold;
}

#box dl.select {
	background: #efefef;
	margin: 0;
	padding: 0 20px;
}

#box dl.select dd {
	border: 1px solid #c4284d;
	height: 25px;
	line-height: 25px;
	margin-top: 13px;
	padding: 0 2px 0 10px;
	border-radius: 3px;
	background-color: #fff;
}

#box dl.select dd span {
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	background: #c4284d;
	color: #fff;
	margin-left: 10px;
	cursor: pointer;
	border-radius: 5px;
}
#box dl:FIRST-CHILD  dd{
	margin-top: 10px;
}
#box dl:NTH-CHILD(3) dd{
	margin-top: 10px;
}